
*{margin:0;padding:0;}

body{
    background:#202020;
}

a{
    display:block;
    margin:0 auto;
    text-decoration:none;
    color:#999;
}

a:hover{
    color:#666;
}

li{
    height:30px;
    list-style:none;
}

.frame_icon2_b{
    width:45px;
    height:40px;
    float:left;
    position: relative;
}

.frame_icon2_b:active .frame_menu_position1{
    animation-delay:1s;
    -webkit-animation-delay:1s;
    transform-origin:center;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    transition: transform 1.5s;
    height:2px;
    top:21px;
}



.frame_icon2_b:active .frame_menu_position2{
    animation-delay:1s;
    -webkit-animation-delay:1s;
    transform-origin:center;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: transform 1.5s;
    height:2px;
}

.frame_icon2_b:active .frame_menu_position3{
    opacity: 0;
}


.frame_menutop {
    height:40px;
    border-bottom:1px solid #333;
}

.frame_menu_tittle {
    height:40px;
    font-size:25px;
    line-height:40px;
}

.frame_menu_tittlea {
    display:block;
    margin:0 auto;
    text-align: center;
}

.frame_head{
    width:90%;
    height:90%;
    border-radius:50%;
    margin-top:2px;
}

.frame_menu_head {
    width:40px;
    height:40px;
    float:right;
    display: block;
}

.frame_menu_bar {
    width:30px;
    height:1px;
    display: block;
    background:#fff;
    position: absolute;
    left:7px;
}

.frame_menu_position1 {
    top:13px;
}

.frame_menu_position2 {
    top:21px;
}

.frame_menu_position3 {
    top:29px;
}